<link href="/bemigo/styles/main.css" rel="stylesheet" type="text/css">
<script src="http://connect.facebook.net/en_US/all.js"></script>

<body>
<html>

<div id="header">
	<div class="container">
		<a href="/" id="headerLogo">Bemigo</a>
		<div id="headerDashboard">
			<img src='https://graph.facebook.com/<?php echo $this->user_id?>/picture?type=square' height="40" width="40" />
			<ul>
				<li><a href="/friends" id="friends">Friends</a></li>
				<li><a href="#" id="matches">Matches</a></li>
				<li><a href="#" id="messages">Messages</a></li>
				<li><a href="#" id="search">Search</a></li>
			</ul>
		</div>
		<!-- <span id="currentStatus">
			<?php
			echo "You are currently creating a profile for ".$this->friend_name;
			?>
		</span>
		<div id="login"><a href="/index/logout" class="btnGray">Logout</a></div> -->
		<div id="fb-root"></div>
		<div class="clear"></div>
	</div>
</div>
	<div class="container">
		<div class="a">
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
		</div>
		<div class="b">
			<h2><?php echo "Introduce us to ".$this->friend_name; ?></h2>
			<!-- Start CHOOSE PROFILE PICTURE -->
			<h3>Please choose a few profile pictures for your friend</h3>
			<div class="panel">
				<div id="profileProfilePics">
					<div class="arrow left"></div>
					<div>
					<?php foreach ($this->profile_pictures['data'] as $profile_picture){?>
						<img src="<?php echo $profile_picture['picture'];?>" alt="" />
					<?php } ?>
						<div class="clear"></div>
					</div>
					<div class="arrow right"></div>
				</div>
			<!-- End CHOOSE PROFILE PICTURE -->
			</div>
				<!-- Start PROFILE BASICS -->
			<h3>Now fill us in on some basics about your friend</h3>
				<div class="panel">
						<ul>
							<li>
								Sex:
								<select>
									<option value="male">Male</option>
									<option value="female">Female</option>
								</select>
								<div class="clear"></div>
							</li>
							<li>
								Interested in:
								<select>
									<option value="someoneToDate">Someone to date</option>
									<option value="meetingNewFriends">Meeting new friends</option>
								</select>
								<div class="clear"></div>
							</li>
							<li>
								Height:
								<select>
									<option value="short">Short</option>
									<option value="tall">Tall</option>
								</select>
								<div class="clear"></div>
							</li>
							<li>
								Body type:
								<select>
									<option value="skinny">Skinny</option>
									<option value="fat">Fat</option>
								</select>
								<div class="clear"></div>
							</li>
							<li>
								Religion:
								<select>
									<option value="christian">Christian</option>
									<option value="jewish">Jewish</option>
									<option value="muslim">Muslim</option>
								</select>
								<div class="clear"></div>
							</li>
							<li>
								Political views:
								<select>
									<option value="liberal">Liberal</option>
									<option value="bipartisan">Bipartisan</option>
									<option value="conservative">Conservative</option>
								</select>
								<div class="clear"></div>
							</li>
							<li>
								Education:
								<select>
									<option value="highSchool">High School</option>
									<option value="college">College</option>
									<option value="secondaryDegree">Secondary degree</option>
								</select>
								<div class="clear"></div>
							</li>
						</ul>
				</div>
			<h3>About your friend's tastes:</h3>
				<div class="panel">
					<ul>
						<li>
							Sex:
							<select>
								<option value="male">Male</option>
								<option value="female">Female</option>
							</select>
							<div class="clear"></div>
						</li>
						<li>
							Interested in:
							<select>
								<option value="someoneToDate">Someone to date</option>
								<option value="meetingNewFriends">Meeting new friends</option>
							</select>
							<div class="clear"></div>
						</li>
						<li>
							Height:
							<select>
								<option value="short">Short</option>
								<option value="tall">Tall</option>
							</select>
							<div class="clear"></div>
						</li>
						<li>
							Body type:
							<select>
								<option value="skinny">Skinny</option>
								<option value="fat">Fat</option>
							</select>
							<div class="clear"></div>
						</li>
						<li>
							Religion:
							<select>
								<option value="christian">Christian</option>
								<option value="jewish">Jewish</option>
								<option value="muslim">Muslim</option>
							</select>
							<div class="clear"></div>
						</li>
						<li>
							Political views:
							<select>
								<option value="liberal">Liberal</option>
								<option value="bipartisan">Bipartisan</option>
								<option value="conservative">Conservative</option>
							</select>
							<div class="clear"></div>
						</li>
						<li>
							Education:
							<select>
								<option value="highSchool">High School</option>
								<option value="college">College</option>
								<option value="secondaryDegree">Secondary degree</option>
							</select>
							<div class="clear"></div>
						</li>
					</ul>
				</div>
			<h3>Suggestions</h3>
				<div class="panel">
				<!-- End PROFILE BASICS -->
					<?php foreach ($this->movies as $movie){?>
						<div class="categoryWrap">
							<div class="categoryImgWrap">
								<img src='<?php echo $movie['image_url'];?>' height="100"></img>
							</div>
							<div class="categoryDesc">
								<?php echo $movie['name'];?>
							</div>
							<div class="clear"></div>
						</div>
					<?php }?>
				</div>
		</div>
		<div class="c">
			<h2>Sponsors</h2>
				<p>Ads go here</p>
		</div>
		<div class="clear"></div>
	</div>
<script type="text/javascript">
FB.init({
    appId  : '<?php echo $this->fb_app_id?>',
    status : true, // check login status
    cookie : true, // enable cookies
    xfbml  : true  // parse XFBML
  });
FB.getLoginStatus(function(response) {
	  if (!response.session) {
		  window.location = "/";
	  }else{
		  //populate friend's FB info
		  //getHunchReco("list_cell-phone");
		  //getFeaturedCategories();
	  }
});
</script>
</html>
</body>

